/* 
    Document   : FrontPage
    Created on : Mar 30, 2011, 2:21:23 PM
    Author     : Nasution
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

    /* class declaration */

    /*============================================== ONE ============================================================================ */
        .one{
            background-color:#242424;
            width:100%;
            height:20%;
         }

        .one a{
            color: #E0DFDB;
            text-decoration:none;
            }

        .one a:hover{

        	color: #ffffff

           }
         .alertNotif{
            background-color:#242424;
            width:100%;
            height:20%;
         }

        .alertNotif a{
            color: #ffffff;
            text-decoration:none;
            }

        .one a:hover{
                background-color: #0FC5E4;
        	color: #ffffff;
                text-decoration:nones;
           }

         .margin{
            clear:both;
            position:relative;
            padding-top:0px;
          }

        table.menuAwal th,td{
            border:0.5px solid #242424;
            color:#E0DFDB;
            padding:2px 5px 2px 2px;
           }

        .steam{
            border:0.5px solid;
            border-color:#308014;
            color:#E0DFDB;
            background-color: #308014;
            font-size:100%;
            font-weight:100;
            }

        .topright{
            /* set right-alignment */
            width: 200px;
            border-color:#308014;
            margin-right: 30px;
            margin-left: auto;
            }

        .topright a{
            color: #E0DFDB;
            text-decoration:none;
            }

        .topright a:hover{
            color: #ffffff;
            }
        /*======================================================================================================================*/


        /*====================================================================== Main Container ============================================*/

        div.containerPage{
            position:relative;
            background-color:#000000;
            width:100%;
            height:3300px;

        }
        /*=======================================================================================================================*/

         /*====================================================================== Container TWO ============================================*/

        div.container2{
            position: absolute;
            width: 626px;
            height:353px;
            margin: -3210px 0px 0px 148px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        div.container2Slider{
            position: absolute;
            width: 626px;
            height:13px;
            margin: -2853px 0px 0px 148px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }
        /*=======================================================================================================================*/


        /*====================================================================== Container THREE (yang sebelah kanan) ===========================================*/

        div.container3{
            position: absolute;
            width: 308px;
            height:25px;
            margin: -3210px 0px 0px 791px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

        div.container3a{
            position: absolute;
            width: 308px;
            height:210px;
            margin: -3183px 0px 0px 791px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

        div.container3a_1{
            position: absolute;
            width: 136px;
            height:40px;
            margin: 20px 0px 0px 20px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

        div.container3a_2{
            position: absolute;
            width: 136px;
            height:40px;
            margin: 20px 0px 0px 160px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

        .container3a_2 a{
            color: #3399CC;
            text-decoration:none;
         }

         /*-- untuk nulis --*/
          div.container3a_3{
             position: absolute;
             width: 272px;
             height:55px;
             margin: 0px 0px 0px 20px;
             background-color: #242424;
             border-style: ridge;
             border-width: 0px;
             border-color:gray;

        }

        /*-- login --*/
        div.container3b{
             position: absolute;
             width: 68px;
             height: 27px;
             margin: 65px 0px 0px 20px;
             background-color: #242424;
             border-style: ridge;
             border-width: 0px;
             border-color:gray;

        }

        /*-- Join Stream --*/
        div.container3c{
             position: absolute;
             width: 90px;
             height: 27px;
             margin: 64px 0px 0px 145px;
             background-color: #242424;
             border-style: ridge;
             border-width: 0px;
             border-color:gray;

        }
        /*=======================================================================================================================*/

        /*============================================Container 4 (choose button tab) ====================================================*/

        /* Upper Bu'on
        /*---- Choose button 1-----*/
        div.container4{
            position: absolute;
            width: 170px;
            height:25px;
            margin: -2820px 0px 0px 148px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

         /*---- Choose button 2-----*/
        div.container4a{
            position: absolute;
            width: 170px;
            height:25px;
            margin: -2820px 0px 0px 319px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

        /*---- Pelengkap button-----*/
        div.container4b{
            position: absolute;
            width: 283px;
            height:25px;
            margin: -2820px 0px 0px 490px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

        /*=======================================================================================================================*/

        /*============================================Container 5 (choose button isinya) ====================================================*/
        div.container5{
            position: absolute;
            width: 626px;
            height:270px;
            margin: -2793px 0px 0px 148px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:gray;
        }

        div.container5 a{

		text-decoration:none;
         }
        div.container5 a:hover{


            border-color: #0FC5E4;
            text-decoration: none;


        }

        /*picture 1*/
        div.container5a_1{
            position: absolute;
            width: 200px;
            height:70px;
            margin: 10px 10px 10px 5px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /*picture 2*/
        div.container5a_2{
            position: absolute;
            width: 200px;
            height:70px;
            margin: 10px 10px 10px 213px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /*picture 3*/
        div.container5a_3{
            position: absolute;
            width: 200px;
            height:70px;
            margin: 10px 10px 10px 420px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }


        /*picture 4*/
        div.container5b_1{
            position: absolute;
            width: 200px;
            height:70px;
            margin: 140px 10px 10px 5px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }


        /*picture 5*/
        div.container5b_2{
            position: absolute;
            width: 200px;
            height:70px;
            margin: 140px 10px 10px 213px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /*picture 6*/
        div.container5b_3{
            position: absolute;
            width: 200px;
            height:70px;
            margin: 140px 10px 10px 420px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }
         /*=======================================================================================================================*/


         /*============================================Container 6 (second slider : Next) ====================================================*/
          /* bo'om bu'on slider */
         div.container6{
            position: absolute;
            width: 530px;
            height:25px;
            margin: 270px 0px 0px -1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }


        div.container6a{
            position: absolute;
            width: 95px;
            height:25px;
            margin: 270px 0px 0px 530px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
            color:gray;
            font-size:13px;

        }
       /*=======================================================================================================================*/

       /*=================================== Container 7 (Long list of the Sandard Memberships) ============================================*/

         /* upper bu'on */
        div.container7a_1{
            position: absolute;
            width: 90px;
            height:25px;
            margin: 320px 0px 0px -1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        div.container7a_1{
            position: absolute;
            width: 90px;
            height:25px;
            margin: 320px 0px 0px -1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        div.container7a_2{
            position: absolute;
            width: 90px;
            height:25px;
            margin: 320px 0px 0px 90px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        div.container7a_3{
            position: absolute;
            width: 100px;
            height:25px;
            margin: 320px 0px 0px 181px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        
          /*isi*/
        div.container7a_4{
            position: absolute;
            width: 100px;
            height:25px;
            margin: 320px 0px 0px 282px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        div.container7a_5{
            position: absolute;
            width: 242px;
            height:25px;
            margin: 320px 0px 0px 383px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

         div.container7_bigcontainer{
            position: absolute;
            width: 626px;
            height:1013px;
            margin: 346px 0px 0px -1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:gray;
        }

        div.container7b_1{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 0px 1px 0px 1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

         div.container7b_2{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 100px 1px 0px 1px;
            background-color: #353533;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_3{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 200px 1px 0px 1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_4{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 300px 1px 0px 1px;
            background-color: #353533;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_5{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 400px 1px 0px 1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_6{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 500px 1px 0px 1px;
            background-color: #353533;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_7{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 600px 1px 0px 1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_8{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 700px 1px 0px 1px;
            background-color: #353533;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_9{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 800px 1px 0px 1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        div.container7b_10{
            position: absolute;
            width: 623px;
            height:100px;
            margin: 900px 1px 0px 1px;
            background-color: #353533;
            border-style: ridge;
            border-width: 1px;
            border-color:black;
        }

        /* Lower Bu'on */

         /* bo'om bu'on slider */
         div.container7c_1{
            position: absolute;
            width: 530px;
            height:25px;
            margin: 1013px 0px 0px -1px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }


        div.container7c_2{
            position: absolute;
            width: 95px;
            height:25px;
            margin:1013px 0px 0px 530px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
            color:gray;
            font-size:13px;

        }

        /*=======================================================================================================================*/

                /*=================================================== container 8 video =================================*/


        /* (bu'on upper) header */
         div.container8a_1{
            position: absolute;
            width: 530px;
            height:25px;
            margin: 1067px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }


        div.container8a_2{
            position: absolute;
            width: 97px;
            height:25px;
            margin:1067px 0px 0px 531px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
            color:gray;
            font-size:13px;

        }

        /* isinya */
        div.container8b{
            position: absolute;
            width: 628px;
            height:150px;
            margin: 1093px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:gray;
        }
        /*picture 1*/
        div.container8b_1{
            position: absolute;
            width: 200px;
            height:130px;
            margin: 10px 10px 10px 5px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /*picture 2*/
        div.container8b_2{
            position: absolute;
            width: 200px;
            height:130px;
            margin: 10px 10px 10px 213px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /*picture 3*/
        div.container8b_3{
            position: absolute;
            width: 200px;
            height:130px;
            margin: 10px 10px 10px 420px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /* bu'on slid'e bo'om */
         div.container8c_1{
            position: absolute;
            width: 530px;
            height:25px;
            margin: 1244px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }


        div.container8c_2{
            position: absolute;
            width: 97px;
            height:25px;
            margin: 1244px 0px 0px 531px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
            color:gray;
            font-size:13px;

        }

 /*=======================================================================================================================*/
         /*=================================================== container 9 Demo =================================*/


        /* (bu'on upper) header */
         div.container9a_1{
            position: absolute;
            width: 530px;
            height:25px;
            margin: 1297px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }


        div.container9a_2{
            position: absolute;
            width: 97px;
            height:25px;
            margin:1297px 0px 0px 531px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
            color:gray;
            font-size:13px;

        }

        /* isinya */
        div.container9b{
            position: absolute;
            width: 628px;
            height:150px;
            margin: 1323px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:gray;
        }
        /*picture 1*/
        div.container9b_1{
            position: absolute;
            width: 200px;
            height:69px;
            margin: 10px 10px 10px 5px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /*picture 2*/
        div.container9b_2{
            position: absolute;
            width: 200px;
            height:69px;
            margin: 10px 10px 10px 213px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /*picture 3*/
        div.container9b_3{
            position: absolute;
            width: 200px;
            height:69px;
            margin: 10px 10px 10px 420px;
            background-color: black;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
        }

        /* bu'on slid'e bo'om */
         div.container9c_1{
            position: absolute;
            width: 530px;
            height:25px;
            margin: 1474px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }


        div.container9c_2{
            position: absolute;
            width: 97px;
            height:25px;
            margin: 1474px 0px 0px 531px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
            color:gray;
            font-size:13px;

        }

 /*=======================================================================================================================*/


    /*=================================================== container 10 BitzPlaza Headline =================================*/

  /* (bu'on upper) header */
         div.container10a_1{
            position: absolute;
            width: 530px;
            height:25px;
            margin: 1530px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;

        }

        div.container10a_2{
            position: absolute;
            width: 97px;
            height:25px;
            margin:1530px 0px 0px 531px;
            background-color: #242424;
            border-style: ridge;
            border-width: 0px;
            border-color:gray;
            color:gray;
            font-size:13px;

        }

         /* isinya */
        div.container10b{
            position: absolute;
            width: 628px;
            height:230px;
            margin: 1557px 0px 0px 0px;
            background-color: #242424;
            border-style: ridge;
            border-width: 1px;
            border-color:gray;
        }
/*==================================================5=====================================================================*/

/*==================================================================== CONTAINER 11 <Drop Down Menu> ========================================================================== */

div.container11DropDownMenu1{

	position:absolute;
	top:0px;
	border: 1px solid black;
	background-color: black;
	margin:1800px 0px 0px 0px;
	width: 1000px;
	height:50px;
 }

 div.container11DropDownMenu1_kategori{

	position:absolute;
	top:0px;
	/*border: 1px solid black;*/
	background-color: black;
	margin:15px 0px 0px 0px;
	width: 6 em;
	height:10px;
 }

#menu {
	width: 6 em;
	background: black;
	float: left;
        
	
}


#menu ul{

	list-style:none;
	margin:0;
	padding:0;
	width: 6 em;
	float: left;
}

#menuTitleComponents ul{
	list-style:none;
	margin-left:10px;
	float:left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-bottom-style:ridge;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 5px;
}


#menu h2 {
color: #fff;
background: #252525;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
}

#menu a {
color: whitesmoke;
background: #252525;
text-decoration: none;
}

/* supaya bisa di atas object lain menunya dan tidak menggeser menu yang lain */
#menu ul ul {
position: absolute;
color: white;
background: #252525;

border-bottom-width: 1px;
z-index: 200;
}

#menu a:hover {
color: white;
background: #4682B4;

}

#menu li{

    position:relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}






 /*=========================================================================================================================================================== */

 /*============================================================Container 12======================================================================================== */


 div.container12{
        position:absolute;
	border: 1px solid gray;
	background-color: black;
	margin: 1870px 0px 0px 0px;
	width: 950px;
	height:200px;
        z-index: -1;

}

 table
{
        position:absolute;
	border-collapse:collapse;
	width:100%;
}
table, td, th, tr
{
	border:1px solid black;


}

.three a{
		color:red ;
		text-decoration:none;
   }

.three a:hover{

	color: #ffffff

}


 /*=========================================================================================================================================================== */

 /*==================================================================== CONTAINER 13 ========================================================================== */

div.container13{

	position:absolute;
	top:0px;
	border: 1px solid black;
	background-color: black;
	margin: 800px 0px 0px -323px;
	width: 500px;
	height:200px;
 }

 table.meja
{
	border-collapse:collapse;


}

.meja, td, th, tr
{
	border:1px solid black;



}

.four a{
		color:red ;
		text-decoration:none;
   }

.four a:hover{

	color: #ffffff

}





 /*=========================================================================================================================================================== */

 /*=============================================================================== container 14 (bottom logo) ================================================ */
 div.container14hr{

	position:absolute;
	top:0px;
	border: 1px solid black;
	background-color: black;
	margin: 820px 0px 0px -323px;
	width: 950px;
	height:10px;
 }


/* ===== untuk bottom logo =========== */
 div.container14a{

	position:absolute;
	top:0px;
	border: 1px solid black;
	background-color: black;
	margin: 835px 0px 0px -323px;
	width: 92px;
	height:26px;
 }

 div.container14b{

	position:absolute;
	top:0px;
	border: 1px solid black;
	background-color: black;
	margin: 835px 0px 0px -227px;
	width: 854px;
	height:26px;
 }

table.container14c{
	border-collapse:collapse;
	width:45%;
	margin-top:-17px;
}


.container14c, td, th, tr
{
	border:1px solid black;
}

 /*============================================================================================================================================================= */
 